<template>
    <div class="header">
        <p>{{$route.meta.title}}</p>
    </div>
</template>

<script type="text/javascript">
/**
 * @Author dingxing [2022-11-24 14:35:20]
 * @Description 
 */
export default {
    name: 'header-vue',
    components: {
    },

    props: {},

    data() {
        return {}
    },

    watch: {
        "$route"(val) {
            console.log(111, val)
        }
    },

    created() {
        // this.$nextTick(() => {
        //     console.log(this.$route)
        // })
    },

    mounted() {
    },

    methods: {
    }
}
</script>

<style lang="less" scoped>
.header {
    height: 30px;
    line-height: 30px;
    background: #f5f5f5;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    p {
        margin: 0;
    }
}
</style>